<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html>
  <head>
    <script src="stylesheets/scriptaculous/lib/prototype.js" type="text/javascript"></script><script src="stylesheets/scriptaculous/src/effects.js" type="text/javascript"></script><script type="text/javascript" src="stylesheets/fabtabulous.js"></script><script type="text/javascript" src="stylesheets/validation.js"></script>
    <link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
  </head>
  <body>

<h2>Datos Principales</h2>

<form id="FrDatos" action="/principal" action="#" method="post">
      <div class="form-row">
        <table>
          <tbody>
            <tr>
              <td>
                <div class="field-label">
                  <label for="cmbTipo">Nivel</label>: 
                </div>
              </td>
              <td>
                <select id="cmbTipo" name="cmbTipo" class="validate-selection" title="Escoja el nivel">
                <option>
                   SELECCIONE UNO... 
                </option><option>
                   JARDIN 
                </option><option>
                   COLEGIO 
                </option>
                </select>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtCedula">C&eacute;dula</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtCedula" id="txtCedula" class="validate-digits longitud-cedula" title="Cedula" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtCedulaRepresentante">C&eacute;dula del Representante</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtCedulaRepresentante" id="txtCedulaRepresentante" class="required validate-digits longitud-cedula" title="Cedula Representante" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtApellidos">Apellidos</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtApellidos" id="txtApellidos" class="required" title="Apellidos" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtNombres">Nombres</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtNombres" id="txtNombres" class="required" title="Nombres" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtFechaDeNacimiento">Fecha de Nacimiento</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtFechaDeNacimiento" id="txtFechaDeNacimiento" class="required validate-date-au" title="Fecha de Nacimiento" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtDireccion">Direcci&oacute;n</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtDireccion" id="txtDireccion" class="required" title="Direccion" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtTelefono">Tel&eacute;fono</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtTelefono" id="txtTelefono" title="Telefono" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtCiudad">Ciudad</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtCiudad" id="txtCiudad" class="required" title="Ciudad" />
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="field-label">
                  <label for="txtCorreo">Correo Electr&oacute;nico</label>: 
                </div>
              </td>
              <td>
                <div class="field-widget">
                  <input name="txtCorreo" id="txtCorreo" class="validate-email" title="Correo Electr&oacute;nico" />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="field-widget">
        </div>
      </div>
      <input type="submit" value="Continuar" /><input type="button" value="Reiniciar" onclick="valid.reset(); return false" />
    </form>
    <script type="text/javascript">
		function formCallback(result, form) {
			window.status = "valiation callback for form '" + form.id + "': result = " + result;
		}

		var valid = new Validation('FrDatos', {immediate : true, onFormValidate : formCallback});
		Validation.addAllThese([
			['validate-password', 'Your password must be more than 6 characters and not be \'password\' or the same as your name', {
				minLength : 7,
				notOneOf : ['password','PASSWORD','1234567','0123456'],
				notEqualToField : 'field1'
			}],
			['validate-password-confirm', 'Your confirmation password does not match your first password, please try again.', {
				equalToField : 'field8'
			}],
			['longitud-cedula', 'El n&uacute;mero de c&eacute;dula es de 10 digitos', {
				minLength : 10,
				maxLength : 10								
			}]
		]);
	</script>
  </body>
</html>
